<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js"></script>
<script src="js/hammer.js"></script>
<script src="js/jquery.hammer.js"></script>
<script src="js/common.js"></script>
<script src="js/mbeditor.js"></script>
<meta charset=utf-8 />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /><title>Mobile Editor--旨在提供跨手机平台的富文本编辑器:bluishoul@gmail.com</title>
<style>
body,h1,h2,h3,h4,h5,h6,hr,img,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,tr,div
	{
	margin: 0;
	padding: 0;
}

.MbEditorPanel {
	background-color: #fff;
	border: 1px solid #3B5998;
	color: #3B5998;
	border-radius: 5px;
	position: absolute;
	cursor:text;
}
.MbEditorInput{
	display:none;
	width: 70px;
	height: 70px;
	border-radius:35px;
	z-index:999;
	border:0;
}

.Pointer {
	width: 2px;
	height: 2px;
	background-color: #3B5998
}

.Menu {
	width: 210px;
	height: 210px;
	background-color: #3B5998;
	color: #fff;
	border-radius: 105px;
}

.Menu table {
	border: 0;
	width: 210px;
	height: 210px;
}

.Menu table td {
	width: 70px;
	height: 70px;
	color: #fff;
	text-align: center;
	line-height: 70px;
	font-size: 10px;
}

.Menu #center {
	border-radius: 35px;
	background-color: #fff;
	color: #3B5998;
}
</style>
<script>
$(document).ready(function() {
	var w = getPageSize();
	$("#editor").mbeditor({
		width:w[0],
		height:w[1]
	});
});
</script>
</head>
<body>
	<div id="editor"></div>
</body>
</html>